<!--left side-->
<br>
<br>
<div class="col-md-6">
    <div class="panel">
        <div class="panel-heading">
            <h3 class="panel-title">实时数据量图表显示</h3>
        </div>
        <div class="panel-body">
            <div class="ct-chart" id="RainRuleChart1" style="height: 80%;width: 100%;"></div>
        </div>
    </div>
</div>
<script>
{#    $(document).ready(function(){#}
{#        //start#}
{#        $("#StartCrawl-lagou").click(function(){#}
{#            alert("StartCrawl-lagou");#}
{#            $("#FromGainRule-lagou").submit();#}
{#        });#}
{#        //cease#}
{##}
{#        //refresh#}
{#        $("#refresh_data").click(function(){#}
{##}
{#            $.get("/zfq/admin/gainRule/reRule-data/?key=lagou",function (data) {#}
{#                var data_original =  JSON.parse(data);#}
{#                data = data_original[0];#}
{#                data_t = data_original[1];#}
{##}
{#                if(data != null)#}
{#                     $("#lagou_thead").append("<th>" +data_t[1][0] + "</th>"+#}
{#                            "<th>" +data_t[2][0] + "</th>"+#}
{#                            "<th>" +data_t[4][0] + "</th>"+#}
{#                            "<th>" +data_t[14][0] + "</th>"+#}
{#                            "<th>" +data_t[6][0] + "</th>"+#}
{#                            "<th>" +data_t[5][0] + "</th>"+#}
{#                            "<th>" +data_t[7][0] + "</th>"+#}
{#                            "<th>" +data_t[8][0] + "</th>"+#}
{#                            "<th>" +data_t[9][0] + "</th>"+#}
{#                            "<th>" +data_t[10][0] + "</th>"+#}
{#                            "<th>" +data_t[11][0] + "</th>");#}
{#                for (key in data){#}
{#                repeatition = "</div></td><td><div class=\"wrap\" title=\""+ data[key][0] + "\">";#}
{#                hm = "<tr><td><div class=\"wrap\" title=\""+ data[key][1] + "\">"+#}
{#                        data[key][0] + repeatition +#}
{#                        "<a href=\"" + data[key][1] + "\">" +data[key][1].toString().substr(21) +"</a>"+ repeatition +#}
{#                        data[key][2].toString().substr(11) + repeatition +#}
{#                        data[key][3].toString().substr(0,10) + repeatition +#}
{#                        data[key][4].toString().substr(0,5) + repeatition +#}
{#                        "<a href=\"" + data[key][15] + "\">" +data[key][14].toString().substring(0,10) + "</a>" +repeatition +#}
{#                        data[key][6].toString().substring(0,10) + repeatition +#}
{#                         data[key][5].toString().substring(0,5)+"..." + repeatition +#}
{#                        data[key][7].toString().substring(data[key][7].toString().indexOf("经验")+2) + repeatition +#}
{#                        data[key][8].toString().substring(0,10).replace(/^\s+|\s+$/g, "") + repeatition +#}
{#                        data[key][9].toString().substring(0,10)+"..." + repeatition +#}
{#                        data[key][10].toString().substring(0,10)+"..." + repeatition +#}
{#                        data[key][11].toString().substring(0,20)+"..." +"</div></td></tr>";#}
{#                $("#lagou_tbody").append(hm);#}
{#                }#}
{#            });#}
{#	    });#}
{#    });#}
</script>
{% load static %}
<div class="row">
    <div class="col-md-12">

            <!-- TABLE STRIPED -->
        <div class="panel">
            <div class="panel-heading">
                <h2 class="panel-title">数据信息显示表</h2>
                <div class="right">
                    <button type="button" class="btn-toggle-collapse"><i class="lnr lnr-chevron-up"></i></button>
                    <button type="button" class="btn-remove"><i class="lnr lnr-cross"></i></button>
                </div>
            </div>
            <div class="panel-body">
                <table class="table table-striped" >
                    <thead>
                        <tr id="lagou_thead">
                            <th>#</th>
                        </tr>
                    </thead>
                    <tbody id="lagou_tbody">
                    </tbody>
                </table>
            </div>
        </div>
        <!-- END TABLE STRIPED -->
    </div>
</div>